<style>
    .fsh-rightPanel {
        padding: 20px;
        box-sizing: border-box;
        background: white;
    }

    #protrait {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    #userinfo{
        padding-top: 30px;
    }
    #userinfo .key{
        line-height: 40px;
        height: 40px;
        color: #3b4249;
        font-size: 16px;
        width: 80px;
        margin-right: 30px;
        text-align: right;
        display: inline-block;
    }
    #userinfo .value{
        line-height: 40px;
        height: 40px;
        color: #9c9c9c;
        font-size: 14px;
        display: inline-block;
    }
    #btn-edit{
     margin-left: 400px;
    }
</style>
<div class="fsh-rightPanel">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>个人信息</legend>
    </fieldset>

    <div id="userinfo">
        <div class="item">
            <label class="key">姓名</label>
            <img src="./res/images/index-header.jpg" id="protrait">
        </div>
        <div class="item">
            <label class="key">姓名</label>
            <label class="value">张三</label>
        </div>
        <div class="item">
            <label class="key">账号</label>
            <label class="value">admin</label>
        </div>
        <div class="item">
            <label class="key">邮箱</label>
            <label class="value">604219225@qq.com</label>
        </div>
        <div class="item">
            <label class="key">手机</label>
            <label class="value">15135022585</label>
        </div>
        <div class="item">
            <label class="key">学校</label>
            <label class="value">北京大学</label>
        </div>
        <div class="item">
            <label class="key">专业</label>
            <label class="value">CG</label>
        </div>
        <div class="item">
            <label class="key">年级</label>
            <label class="value">大一</label>
        </div>
        <div class="item">
            <label class="key">班级</label>
            <label class="value">CG201901</label>
        </div>
        <div class="item">
            <label class="key">学号</label>
            <label class="value">20190101</label>
        </div>
        <div class="item">
            <button class="layui-btn layui-btn-normal" id="btn-edit">编辑</button>
        </div>
    </div>

</div>
<script>
    layui.use(["laydate", 'layer', "table"], function () {
        var laydate = layui.laydate;
        var layer = layui.layer;
        var table = layui.table;
        var element = layui.element;


    });


</script>

